<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <title>The best developer videos from YouTube – on DevTube</title>
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta http-equiv="x-ua-compatible" content="ie=edge" />
  <meta name="keywords" content="" />
  <meta name="robots" content="index,follow" />
  <link rel="shortcut icon" href="/favicon.png" />
  <link rel="icon" href="/favicon.png" />
  <link rel="apple-touch-icon" href="/favicon.png" />
  <link rel="alternate" type="application/rss+xml" title="Newly added videos" href="https://dev.tube/rss.xml" />
  <meta name="apple-mobile-web-app-title" content="DevTube" />
  <script type="text/javascript">
    (function (m, e, t, r, i, k, a) {
      m[i] =
        m[i] ||
        function () {
          (m[i].a = m[i].a || []).push(arguments);
        };
      m[i].l = 1 * new Date();
      (k = e.createElement(t)),
        (a = e.getElementsByTagName(t)[0]),
        (k.async = 1),
        (k.src = r),
        a.parentNode.insertBefore(k, a);
    })(
      window,
      document,
      "script",
      "https://mc.yandex.ru/metrika/tag.js",
      "ym"
    );

    ym(48723362, "init", {
      id: 48723362,
      clickmap: true,
      trackLinks: true,
      accurateTrackBounce: true
    });
  </script>
  <noscript>
    <div>
      <img src="https://mc.yandex.ru/watch/48723362" style="position:absolute; left:-9999px;" alt="" />
    </div>
  </noscript>
  <script>
    if (
      window.matchMedia("(prefers-color-scheme: dark)").media === "not all"
    ) {
      document.documentElement.style.display = "none";
      document.head.insertAdjacentHTML(
        "beforeend",
        '<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bulma/0.8.1/css/bulma.min.css" onload="document.documentElement.style.display = \'\'">'
      );
    }
  </script>
  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bulmaswatch/0.8.1/superhero/bulmaswatch.min.css"
    media="(prefers-color-scheme: dark)" />
  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bulma/0.8.1/css/bulma.min.css"
    media="(prefers-color-scheme: no-preference), (prefers-color-scheme: light)" />
</head>

<body>
  <div id="app"></div>
  <footer class="footer">
    <div class="content has-text-centered is-size-6">
      <p>
        <a href="https://github.com/watch-devtube/contrib">Contribution guide</a>
        &nbsp; · &nbsp; <a href="/contributors">Contributors</a>&nbsp; ·
        &nbsp;<a href="https://twitter.com/watchdevtube">Twitter</a>
      </p>
      <p>
        inspired by
        <a href="https://devternity.com" target="_blank">DevTernity </a>– the
        top 3 developer conference in Europe.
      </p>
      <p>
        <a href="mailto:hello@dev.tube" aria-label="email us"><i class="fa fa-envelope"></i></a>
        &nbsp;
        <a href="//twitter.com/WatchDevTube" target="_blank" aria-label="follow us"><i class="fab fa-twitter"></i></a>
      </p>
      <p class="has-text-grey-light" style="font-size: 9px;">
        We use cookies to improve UX – sorting preference, night mode,
        resuming videos. To inspect and block cookies use
        <a href="//ghostery.com">Ghostery</a> on your browser. Here is our
        <a href="//github.com/watch-devtube/privacy-policy">privacy policy</a>.
      </p>
    </div>
  </footer>
</body>

</html>